<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>练字-字帖</title>
    <script src="hanzi-writer.min.js"></script>
    <script src="md5.min.js"></script>
    <script src="jquery-3.7.1.min.js"></script>
    <script src="data.js"></script>
    <script src="LianZi.js"></script>
    <script src="ZiTie.js"></script>

    <style>
        body {
            margin: 0px;
            padding: 0px;
        }
        #paper-box {
            width: 794px;
            height: 1123px;
            border: 5px solid #000000;
            margin: 0 auto;
            padding: 0px 10px 10px 10px;
        }
        #paper-box .title {

        }
        .font-box {
            border: 1px solid #DDD;
            margin: 0px;
        }
    </style>
</head>

<body>
<div id="paper-box">
    <div class="title">字帖140</div>
</div>

<button id="animate-button">动画</button>
<script>


    $(document).ready(function () {
        init();
    });

    function init(){
        const ziTie = new ZiTie(73);
        ziTie.init()
    }

</script>
</body>
<!-- https://hanziwriter.org/cn/docs.html -->

</html>